.case-card {
    &:hover {
        :global {
            .case-img {
                transform: scale(1.3);
            }

            .circle {
                background-color: rgb(254, 130, 57, .7);
            }
        }
    }

    :global {
        .case-img-box {
            border-radius: 0 15px 15px 15px;
        }

        .top-angle {
            background: url("/src/assets/municipal-works/top-angle.png") no-repeat;
            background-size: 100% 100%;
        }

        .circle {
            background-color: rgba(134, 150, 166, .7);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .case-img {
            transition: all .8s;
        }
    }
}